<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/1.js"></script>
    <style>
        /* div {
            font-size: 10px;
        } */
    </style>
</head>
<body>
    <!-- <div class="box1">box1</div>
    <div class="box2">box2</div>
    <h3><span><input type="text"></span></h3> -->
    <!-- <input type="button" value="这是一个按钮" id="btn"> -->
    <!-- <input type="text" onkeyup="myOnKeyup()"> -->
    <!-- <img src="../image/right-btn.png" alt="加载失败" width="100px"> -->
    <!-- <input type="button" value="播放" class="btn" onclick="Onclick()"> -->
    <!-- <input type="button" value="播放" class="btn" onclick="Onclick()"> -->
    <!-- <input type="text" class="input" value="0">
    <input type="button" value="-1" class="cut" onclick="Cut()">
    <input type="button" value="+1" class="add" onclick="Add()"> -->
    <!-- <input type="checkbox" class="all" onclick="ClickAll()" id="0"><label for="0">选中全部</label><br>
    <input type="checkbox" class="select" id="1"><label for="1">原神</label><br>
    <input type="checkbox" class="select" id="2"><label for="2">鸣潮</label><br>
    <input type="checkbox" class="select" id="3"><label for="3">O神</label><br>
    <input type="checkbox" class="select" id="4"><label for="4">明朝</label><br> -->
    <!-- <div>hahaha</div> -->
    
</body>
<script>
    // let element = document.querySelector('div');
    // // print(element.style);
    // element.onclick = function() {
    //     let size = parseInt(element.style.fontSize) + 10;
    //     element.style.fontSize = size + 'px';
    //     // element.style.cssText = "font-size: " + size + 'px';
    // }
    // let all = document.querySelector('.all');
    // let select = document.querySelectorAll('.select');
    // function ClickAll() {
    //     for(let i = 0; i < select.length; i++)
    //         select[i].checked = all.checked;
    // }
    
    // for(let i = 0; i < select.length; i++)
    //     select[i].onclick = function() {
    //         all.checked = IsAllSelect()
    //     }
    // function IsAllSelect() {
    //     for(let i = 0; i < select.length; i++)
    //         if(select[i].checked == false)
    //             return false;
    //     return true;
    // }
    // print(all);
    // print(select);

    // let input_element = document.querySelector('.input');
    // let a = document.get
    // function Add() {
    //     input_element.value = parseInt(input_element.value) + 1;
    // }
    // function Cut() {
    //     input_element.value = parseInt(input_element.value) - 1;
    // }
    // let btn = document.querySelector('.btn');
    // function Onclick() {
    //     if(btn.value == '播放')
    //         btn.value = '暂停';
    //     else btn.value = '播放'
    // }
    // let img = document.querySelector('img');
    // console.dir(img);
    // img.title = 'c1';
    // img.onclick = function() {
    //     alert('你已经点击了这个图片' + img.title);
    // }
    // let input = document.querySelector('input');
    // input.onkeydown = function(event) {
    //     if(event.shiftKey) {
    //         alert('shift被按下');
    //     }
    //     if(event.altKey) {
    //         alert('alt被按下');
    //     }
    // }
    // input.onkeypress = function(event) {
    //     print('键盘正在按下')
    //     let a = event.keyCode;
    //     print(a);
    //     let b = String.fromCharCode(a);
    //     print(b);
    // }

    // function myOnKeyup()
    // {
    //     print('按键被抬起');
    // }
    // let button = document.getElementById('btn');
    // button.onclick = function() {
    //     alert('我喜欢你');
    // }
    // print(document.querySelector('.box1'));
    // print(document.querySelector('h3').querySelector('span').querySelector('input'));
    // print(document.querySelector('div'));
    // print(document.querySelectorAll('div'));
</script>
</html>